<template>
    <div style="min-width:829px">
    <div v-if="$route.path == '/projectAdmin/orderList'">
        <div class="vs-search-box">
            <el-form ref="form" :inline="true" :model="paging" label-width="110px">
                <el-form-item label="门店">
                    <el-select v-model="paging.username" placeholder="请选择">
                        <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="订单创建日期：">
                    <el-date-picker
                    style="width:200px"
                    v-model="paging.username"
                    type="date"
                    placeholder="选择日期">
                    </el-date-picker>
                </el-form-item>
                <el-form-item label="付款状态：">
                   <el-select style="width:200px" clearable  v-model="paging.username" placeholder="">
                        <el-option label="已预约" value="1"> </el-option>
                        <el-option label="已完成" value="2"> </el-option>
                        <el-option label="已取消" value="3"> </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="订单编号：">
                    <el-input style="width:200px" v-model="paging.username"></el-input>
                </el-form-item>
                <el-form-item label="" class="vs-right-btns">
                    <el-button @click="reset">重置</el-button>
                    <el-button @click="handleCurrentChange(1)" type="primary">查询</el-button>
                </el-form-item>
            </el-form>
        </div>
        <div class="vs-table-box">
            <div class="operation-box clear-float">
                <el-button @click="dialogVisible=true" style="margin-left:auto;" type="primary">新增</el-button>
                <el-button >导出</el-button>
            </div>
            <el-table v-loading="loading" :data="tableData" header-row-class-name="has-gutter-table" style="width: 100%">
                <el-table-column width="100px" label="门店" prop="id" ></el-table-column>
                <el-table-column prop="t1" label="订单编号" width="130"> </el-table-column>
                <el-table-column prop="t2" label="订单金额" min-width="70"> </el-table-column>
                <el-table-column prop="t3" label="服务技师姓名" min-width="150"> </el-table-column>
                <el-table-column prop="t4" label="订单创建日期" min-width="150"> </el-table-column>
                <el-table-column prop="t5" label="订单创建时间" min-width="150"> </el-table-column>
                <el-table-column prop="t6" label="排钟类型" min-width="150"> </el-table-column>
                <el-table-column prop="t7" label="订单状态" min-width="140"> </el-table-column>
                <el-table-column prop="t8" label="付款状态" > </el-table-column>
                <el-table-column prop="t9" label="开票状态" > </el-table-column>
                <el-table-column prop="t10" label="备注" > </el-table-column>
                <el-table-column fixed="right" width="109" label="操作"> 
                    <template slot-scope="scope">
                        <span @click="setRow(1,scope.row)" class="tab-table-text">查看</span>
                        <span @click="setRow(1,scope.row)" class="tab-red-text">结账</span>
                    </template>
                </el-table-column>
            </el-table>
        </div>
    </div>
     <router-view></router-view>
    </div>
</template>

<script>
export default {
    data() {
        return {
             options: [
                {
                    value: '正大店',
                    label: '正大店'
                }
            ],
            recordList:[],
            loading:false,
            paging:{
                username:'',//姓名
            },
            tableData: [{
                t1:"000111",
                t2:'20.00',
                t3:'张晓春(001)',
                t4:'技师',
                t5:'17630568059',
                t6:'事假',
                t7:'2021-07-01',
                t8:'1',
                t9:'1',
                t10:'1',
                t11:'1',
            }]
        };
    },
    created() {
       
    },
    methods: {
        async setRow(type,row){
            this.utils.goUrl('/projectAdmin/orderList/orderDetails')
            return;
        },
        reset(){//重置
            
        },
    },
};
</script>

<style lang="scss" scoped>

.image-thumbnail{
    width: 130px;
    height: 130px;
}
</style>